<template>
  <el-container class="layout-container" >
    <headerXbz ></headerXbz>
    <el-container>
      <asideXbz ></asideXbz>
      <mainXbz LocationList="首页" >
      </mainXbz>
      <footerXbz />
    </el-container>
  </el-container>
</template>

<script lang="ts">
//这里在使用相关的回调函数时需要先引入
import {defineComponent, reactive} from 'vue';
import {ElContainer} from "element-plus";
import asideXbz from "../components/Aside.vue";
import headerXbz from "../components/Header.vue";
import mainXbz from "../components/Main.vue";
import footerXbz from "../components/Footer.vue";
//每次注册的时候需要引入包
export default defineComponent({
  name: 'home',
  //这个是注册组件
  //入口函数
  components: {
    asideXbz,
    headerXbz,
    mainXbz,
    footerXbz
  },
  setup() {

    return {
    }

  }
});
</script>

<style scoped>
.layout-container{
  position: absolute;
  height: 2000px;
  width: 100%;
  overflow:hidden;
}
</style>
